<template>
  <div>
    <ol>
      <li v-for="(item, index) in data" :key="'data' + index">
        {{ item }}
      </li>
    </ol>
    <button @click="data.push('dd')">Add</button>
    <button @click="data[1] = 'ee'">Edit</button>
    <button @click="data.splice(2, 2, 'gg', 'hh', 'ii')">Update</button>
    <button @click="data = data.filter((d) => d.length <= 2)">Update</button>
  </div>
</template>
<script setup>
import { computed, ref } from "vue";

const data = ref(["aaa", "bba", "cc", "dd", "ee", "ff"]);
</script>
